<template>
	<el-table :data="datas" style="width: 100%" border stripe>
		<el-table-column type="index"> </el-table-column>
		<el-table-column prop="authName" label="权限名称"> </el-table-column>
		<el-table-column prop="path" label="路径"> </el-table-column>
		<el-table-column prop="level" label="权限等级">
			<template v-slot="scopes">
				<Tag  :scopes="scopes"/>
			</template>
		</el-table-column>
	</el-table>
</template>

<script>
import Tag from './Tag.vue'
export default {
	name: 'Table',
    components:{
        Tag
    },
	data() {
		return {
			datas: [],
		}
	},
	created() {
		this.$bus.$on('getRightsData', data => {
			this.datas = data
		})
	},
}
</script>


